<!DOCTYPE html>
<!-- saved from url=(0025)http://www.jiangroom.com/ -->
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- <script src="./江寓-从前租不到的美好生活_files/getjs_bdtj"></script>
    <script charset="utf-8" src="./江寓-从前租不到的美好生活_files/insert_bdtj"></script>
    <script async="" charset="utf-8" src="./江寓-从前租不到的美好生活_files/udeskApi.js.下载"></script>
    <script src="./江寓-从前租不到的美好生活_files/hm.js.下载"></script> -->

    


    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="baidu-site-verification" content="ybsxuXQl5c">
    <title>江寓-从前租不到的美好生活</title>
    <meta name="keywords" content="武汉租房，武汉租房网，武汉租房信息，武汉租房价格，武汉租房网站">
    <meta name="description"
        content="江寓，从前租不到的美好生活，为您提供房屋出租，业主托管等业务，可按照商圈、地铁路线、通勤时长等快速查找到心仪房源，拥有高素质的管家团队提供专业的服务，一流的客服团队专业而高效的处理各种问题，打造行业标杆，为武汉年轻人租房提供安心、有保障的大平台。">
    <!-- <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/jquery.js.下载"></script> -->
    <link href="./江寓-从前租不到的美好生活_files/public.css" rel="stylesheet" type="text/css">
    <link href="./江寓-从前租不到的美好生活_files/index.css" rel="stylesheet" type="text/css">
    <link href="./江寓-从前租不到的美好生活_files/animate.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./江寓-从前租不到的美好生活_files/swiper-4.3.5.min.css">
    <link rel="stylesheet" href="./江寓-从前租不到的美好生活_files/jquery-ui.css">
    <style>
        #udesk_btn {
            display: none;
        } 
    </style>


    <link data-n-head="true" rel="icon" type="image/x-icon"
        href="http://jroom-images.oss-cn-hangzhou.aliyuncs.com/bitbug_favicon.ico">

    <!-- <script src="./江寓-从前租不到的美好生活_files/z_stat.php" language="JavaScript">
    </script>
    <script src="./江寓-从前租不到的美好生活_files/core.php" charset="utf-8" type="text/javascript"></script> -->
    <link rel="stylesheet" href="./江寓-从前租不到的美好生活_files/layer.css" id="layuicss-skinlayercss">
    <!-- <script src="./江寓-从前租不到的美好生活_files/out_config"></script> -->
    <link type="text/css" rel="stylesheet" href="./江寓-从前租不到的美好生活_files/emotion.css">
    <style type="text/css">
        #udesk_pop_dialog .udesk_im_client_emoji {
            background-image: url("https://jiangroom.s2.udesk.cn/im_client/images/im-emoji-big-1.png")
        }
    </style>
    <!-- <script src="./江寓-从前租不到的美好生活_files/free"></script>
    <script src="./江寓-从前租不到的美好生活_files/key"></script> -->
    <script src="./js/vue/vue.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/common.js"></script>
    
</head>

<body data-page="home">
    <a href="https://www.cnzz.com/stat/website.php?web_id=1262438613" target="_blank" title="站长统计"
        style="display: none;">站长统计</a>
    <!-- <script src="./江寓-从前租不到的美好生活_files/track.js.下载"></script> -->

    <!-- <script>
    	//百度事件点击统计
    	var _hmt = _hmt || [];
    	_hmt.push(['_setAccount', '38626a4a96b0effdaf25689be29e39ed']);
    </script> -->





    <!--首页开场视频 begin-->
    <!--<div class="videobg"></div>-->
    <!--<div id="videoBox">-->
    <!--<video class="bg-video" id="myvedio" width="916" controls="controls" src="http://jroom-videos.oss-cn-hangzhou.aliyuncs.com/index-videos.m4v"></video>-->
    <!--<div class="closedvideo"></div>-->
    <!--</div>-->
    <!--首页开场视频 end-->
    <!--头部 begin-->
    
    <div class="m-header index-header">
        <div class="topbar">
            <div class="w1200 clearfix">
                <div class="logo fl" data-track="WEB_BUP_105"><a href="http://www.jiangroom.com/index.html"><i
                            class="ico icon-logo"></i></a></div>
                <div class="menu">
                    <ul class="clearfix">
                        <li id="home" data-track="INDEX_VISIT" class="active"><a
                                href="http://www.jiangroom.com/index.html">首页</a></li>
                        <li id="tenement" data-track="RENT_HOUSE"><a
                                href="http://www.jiangroom.com/queryRooms.html">租房</a></li>
                        <li id="landlord" data-track="OWNER_PC_INDEX"><a
                                href="http://www.jiangroom.com/proprietorBespeak/pageAdd.html">业主</a></li>
                        <li id="qiyu" data-track="COMPANY_APARTMENT_INDEX"><a
                                href="http://www.jiangroom.com/bigCustomerCompanyAuthentication/changeRoute">企寓</a></li>
                        <li id="help" data-track="SERVER_INDEX"><a href="http://www.jiangroom.com/help">服务</a></li>
                        <li id="about" data-track="JIANG_US_FAMILY"><a href="http://www.jiangroom.com/about.html">我们</a>
                        </li>
                    </ul>
                </div>
                <div class="top-right fr">
                    <div class="reglogin">
                        <a  data-track="LOGIN_IN_CLICK" onclick="popupLogin()">登录</a>
                        <!--<a href="/RenterCenterController/toRegister" data-track="REGISTER_CLICK">注册</a>-->
                    </div>

                    <div class="fl top-app">
                        <p>APP下载</p>
                        <div class="download-wrap">
                            <div class="imgWrap">
                                <!-- sem官网进来 originFrom = 2 其他情况都显示官网入口下载地址 -->
                                <img src="./江寓-从前租不到的美好生活_files/app-download-index.png" class="qrcode">

                            </div>
                        </div>
                    </div>
                    <div class="itnow">
                        <p class="tel">400-111-6888</p>
                        <p class="time">9:00 - 18:00</p>
                    </div>
                </div>
            </div>
        </div>
        <!--登录弹出框-->
        <div class="login-box-cont">
            <div class="login-box">
                <!--账号密码登录-->
                <div class="tab-cont">
                    <div class="tab">
                        <div class="on">
                            验证码登录
                        </div>
                        <div class="off">
                            账号密码登录
                        </div>
                    </div>
                    <div class="panel">
                        <div class="inner veriLogin">
                            <div class="line">
                                <input type="text" placeholder="请输入手机号" class="tel bd" name="veriTel" id="veriTel">
                            </div>
                            <div class="warning">

                            </div>
                            <div class="line bd-none">
                                <input type="text" class="veri bd" placeholder="请输入验证码" name="veriCode" id="veriCode">
                                <div class="veri">
                                    <input data-track="WEB_BUP_124" data-trackeval="$(&#39;#veriTel&#39;).val()"
                                        type="button" id="sendMsgcode" class="getyzm" value="获取验证码"
                                        onclick="getCodeClick(this)">
                                </div>
                            </div>
                            <div class="warning">

                            </div>
                            <div class="line bd-none" style="margin-bottom: 10px;">
                                <input data-track="WEB_BUP_101" data-trackeval="$(&#39;#veriTel&#39;).val()"
                                    type="button" value="登 录" class="loginbtn" onclick="veriSubmit(this)">
                            </div>
                            <p>
                                验证即登录，未注册则自动创建新账号
                            </p>
                        </div>
                        <div class="inner last">
                            <div class="line">
                                <input type="text" placeholder="请输入手机号" class="tel bd" name="accountTel"
                                    id="accountTel">
                            </div>
                            <div class="warning">
                            </div>
                            <div class="line">
                                <input type="password" placeholder="请输入6-16位密码" class="pas bd" id="accountPsd">
                            </div>
                            <div class="warning">
                            </div>
                            <div class="line bd-none">
                                <input type="text" class="veri bd" placeholder="请输入验证码" id="imgVeriCode">
                                <div class="num bd">
                                    <div id="refreshBtn" class="refresh"></div>
                                    <div id="imgV-c" style="width: 95px;height: 32px;"><canvas id="canvas" width="95"
                                            height="33" style="cursor: pointer;">您的浏览器版本不支持canvas</canvas></div>
                                </div>
                            </div>
                            <div class="warning">
                            </div>
                            <div class="line bd-none" style="margin-bottom: 10px;">
                                <input data-track="WEB_BUP_101" data-trackeval="$(&#39;#accountTel&#39;).val()"
                                    type="button" value="登 录" class="loginbtn" onclick="accountSubmit(this)">
                            </div>
                            <div class="clearfix fg-pas">
                                <div class="fl checkbox">
                                    <label for="within_a_week">
                                        <span class="w_icon" id="J-m-isSeven"></span>
                                        <input id="within_a_week" type="hidden" value="false">
                                        <span class="weeks">一周内免登录</span>
                                    </label>
                                </div>
                                <div class="fr getpas"><a data-track="WEB_BUP_127"
                                        href="http://www.jiangroom.com/RenterCenterController/toResetpsw">忘记密码</a></div>
                            </div>
                        </div>
                        <div class="bt">
                            <div data-track="WEB_BUP_125" class="goWeixin">
                                <img src="./江寓-从前租不到的美好生活_files/weixin.png" alt="">
                                <p>微信登录</p>
                            </div>
                        </div>
                    </div>
                </div>
                <i class="close"></i>
                <!--二维码扫码登录-->
                <div class="scanLogin">
                    <div class="iframe-cont">
                        <div id="code-cont">

                        </div>
                    </div>
                    <div class="bt back">
                        <span data-track="WEB_BUP_126">&lt; 返回其他登录方式</span>
                    </div>
                </div>
                <!--绑定手机号-->
                <input type="hidden" name="msgId" id="msgId">
                <div class="inner telbind">
                    <div class="title">
                        您的微信 <span></span> 通过验证，首次使用微信登录请先绑定手机号码
                    </div>
                    <div class="line">
                        <input type="text" placeholder="请输入手机号" class="tel bd" name="bindTel">
                    </div>
                    <div class="warning">
                    </div>
                    <div class="line bd-none">
                        <input type="text" class="veri bd" placeholder="请输入验证码" name="bindCode">
                        <div class="veri">
                            <input type="button" value="获取验证码" onclick="getCodeClick(this)">
                        </div>
                    </div>
                    <div class="warning">
                    </div>
                    <div class="line bd-none" style="margin-bottom: 10px;">
                        <input type="button" value="绑定手机号" class="loginbtn" onclick="bindTel(this)">
                    </div>
                </div>
            </div>
        </div>
        <div class="mask">

        </div>


        <!--<script type="text/javascript" th:src="@{/js/jquery.js}"></script>-->

        <!--//登录相关-->
        <!-- <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/randomyzm.js.下载"></script>
        <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/jquery.cookie.js.下载"></script>
        <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/wxLogin.js.下载"></script> -->

    </div>
    <!--头部 end-->
    <!--用于百度seo图片显示-->
    <img src="./江寓-从前租不到的美好生活_files/theme2.jpg"
        alt="百度搜索seo、江寓、江寓好房、租房、合租、58、58租房、租房网、个人租房、青年公寓、长租公寓、合租公寓、公寓、武汉公寓、武汉长租公寓、武汉青年公寓、自如、优客逸家、吉家、集家、相寓、武昌租房、徐东租房、光谷租房、汉口租房、江汉租房、汉阳租房、王者荣耀、小黄车、ofo、爱情公寓、地铁10分钟、交通便利、光谷、软件园、汉口、汉阳、万达、地铁、光谷广场、拎包入住、安心租房、真实房源、无中介费、时尚公寓、轻松入住、单身公寓、毕业生租房、应届生租房、创业公寓、品质租房、链家、魔方公寓、纬家公寓、地铁沿线、白领首选、豆瓣、武汉豆瓣、武汉吃喝玩乐、靠谱租房、年轻人合租、小猪短租、Airbnb、白领公寓。吉家江寓是武汉当代集团旗下子公司，我们是来自北京，上海，广州，深圳的年轻，活力，创新，专业的一群人，以现代人的工匠精神做好长租公寓，为都市白领提供长期独立居住的解决方案与服务，从零散乱合租到标准化产品，从流动散客到社区化运营，从毫不关心租住体验到线上线下重度服务，我们正在为创造全世界最好的，为客户提供高品质租住产品，超越客户期望服务的O2O互联网公司而努力。未来两年，江寓管理5000套房屋资产，拥有15000间房，1栋公寓，服务武汉三镇超过5万白领；员工规模近600人，2年后的江寓，必定成为湖北省长租公寓第一影响力品牌公寓！"
        style="display: none;">
    <!--内容 begin-->
    <div class="m-content" style="margin-top: -20px" id='app'>
        <!--轮播图 begin-->
        <div  class="m-banner" id="banner-rect" style="height: 580.25px;">
            
            <ul  :style="toggleLeft">
                <!-- <li><img th:src="@{https://jroom-images.oss-cn-hangzhou.aliyuncs.com/jiangroom-web/banner/banner1.jpg}"/></li>
            <li><img th:src="@{https://jroom-images.oss-cn-hangzhou.aliyuncs.com/jiangroom-web/banner/banner2.jpg}"/></li> -->
                  <li  v-for="(item,index) in lunboArr" style="width: 1688px; height: 580.25px; " :key="index"  >
                    <a href="http://www.jiangroom.com/"
                        title="五一特惠"><img title="五一特惠" alt="五一特惠"
                            :src="item.picUrl"
                            style="width: 1688px; height: 580.25px;"></a></li>
             </ul> 

            <!-- <ul>
                <!--<li><img th:src="@{https://jroom-images.oss-cn-hangzhou.aliyuncs.com/jiangroom-web/banner/banner1.jpg}"/></li>
                        <li><img th:src="@{https://jroom-images.oss-cn-hangzhou.aliyuncs.com/jiangroom-web/banner/banner2.jpg}"/></li>-->
                <!-- <li data-track="WEB_BUP_110" data-trackdata="五一特惠" style="width: 1688px; height: 580.25px; display: none;"><a
                        href="http://www.jiangroom.com/" title="五一特惠"><img title="五一特惠" alt="五一特惠"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1619776290948_0pc banner3.png"
                            style="width: 1688px; height: 580.25px;"></a></li>
                <li data-track="WEB_BUP_110" data-trackdata="点亮" style="width: 1688px; height: 580.25px; display: none;"><a
                        href="http://www.jiangroom.com/" title="点亮"><img title="点亮" alt="点亮"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1614558946908_0pc banner.png"
                            style="width: 1688px; height: 580.25px;"></a></li>
                <li data-track="WEB_BUP_110" data-trackdata="限时特惠" style="width: 1688px; height: 580.25px; display: none;"><a
                        href="http://www.jiangroom.com/" title="限时特惠"><img title="限时特惠" alt="限时特惠"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1619776319245_0pc banner1 (2).png"
                            style="width: 1688px; height: 580.25px;"></a></li>
                <li data-track="WEB_BUP_110" data-trackdata="蛋壳专属" style="width: 1688px; height: 580.25px; display: list-item;"><a
                        href="https://mp.weixin.qq.com/s/vFTngU-alH4XMidp7Tqujw" title="蛋壳专属"><img title="蛋壳专属" alt="蛋壳专属"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1607400576452_7777.jpg" style="width: 1688px; height: 580.25px;"></a>
                </li>
                <li data-track="WEB_BUP_110" data-trackdata="中信开卡合作" style="width: 1688px; height: 580.25px;"><a
                        href="http://www.jiangroom.com/" title="中信开卡合作"><img title="中信开卡合作" alt="中信开卡合作"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1603332631268_pc banner .png"
                            style="width: 1688px; height: 580.25px;"></a></li>
                <li data-track="WEB_BUP_110" data-trackdata="江寓" style="width: 1688px; height: 580.25px;"><a
                        href="http://www.jiangroom.com/" title="江寓"><img title="江寓" alt="江寓"
                            src="./江寓-从前租不到的美好生活_files/cms-1-1554894776739_banner-08.jpg"
                            style="width: 1688px; height: 580.25px;"></a></li> -->
            <!-- </ul>  -->
            <!-- <ul class="pages">
                <li class="active">1</li>
                <li class="">2</li>
                <li class="">3</li>
                <li class="">4</li>
                <li class="">5</li>
                <li class="">6</li>
            </ul> -->
            <div class="banner_btn">
                <p @click="leftLi" class="pre-btn"><i></i></p>
                <p @click="right" class="next-btn"><i></i></p>
            </div>


            <!--搜索框 begin-->
            <div class="indexSearch area clearfix">
                <div class="search">
                    <input id="searchInput" class="txt_inp search_inp ui-autocomplete-input"
                        placeholder="输入区域、地铁、小区名等关键字" type="text" autocomplete="off">
                    <button class="search_btn" id="searchListBtn" onclick="searchRooms()">搜 索</button>
                    <a href="http://www.jiangroom.com/custom/map.html" data-name="首页(智能找房)" onclick="getNum(this)"
                        data-track="MAP_SEARCH" target="_blank" id="goMap"><i></i>地图找房</a>
                </div>
                <div class="foucsTxt">
                    <a data-track="WEB_BUP_111" href="javascript:void(0);" onclick="searchRooms(this);"
                        data-name="关键词(远洋心汉口御峰)" data-trackdata="远洋心汉口御峰">远洋心汉口御峰</a><a data-track="WEB_BUP_111"
                        href="javascript:void(0);" onclick="searchRooms(this);" data-name="关键词(金地天悦)"
                        data-trackdata="金地天悦">金地天悦</a><a data-track="WEB_BUP_111" href="javascript:void(0);"
                        onclick="searchRooms(this);" data-name="关键词(百瑞景中央生活区六期)"
                        data-trackdata="百瑞景中央生活区六期">百瑞景中央生活区六期</a><a data-track="WEB_BUP_111" href="javascript:void(0);"
                        onclick="searchRooms(this);" data-name="关键词(珞珈雅苑)" data-trackdata="珞珈雅苑">珞珈雅苑</a><a
                        data-track="WEB_BUP_111" href="javascript:void(0);" onclick="searchRooms(this);"
                        data-name="关键词(磨山港湾)" data-trackdata="磨山港湾">磨山港湾</a><a data-track="WEB_BUP_111"
                        href="javascript:void(0);" onclick="searchRooms(this);" data-name="关键词(保利城)"
                        data-trackdata="保利城">保利城</a><a data-track="WEB_BUP_111" href="javascript:void(0);"
                        onclick="searchRooms(this);" data-name="关键词(当代卡梅尔小镇)" data-trackdata="当代卡梅尔小镇">当代卡梅尔小镇</a><a
                        data-track="WEB_BUP_111" href="javascript:void(0);" onclick="searchRooms(this);"
                        data-name="关键词(新城丽景B区)" data-trackdata="新城丽景B区">新城丽景B区</a><a data-track="WEB_BUP_111"
                        href="javascript:void(0);" onclick="searchRooms(this);" data-name="关键词(塔子湖锦绣家园)"
                        data-trackdata="塔子湖锦绣家园">塔子湖锦绣家园</a>
                </div>
            </div>
            <!--搜索框 end-->
            <div class="sloganWrap">
                <div class="slogan clearfix">
                    <div class="clearfix fl">
                        <div class="fl"><img src="./江寓-从前租不到的美好生活_files/sloganicon1.png"></div>
                        <div class="fl">
                            <p class="slogan_desc">深耕武汉，管理3W+房源</p>
                            <h5 class="slogan_tit">我们更懂这座城</h5>
                        </div>
                    </div>
                    <div class="clearfix fl">
                        <div class="fl"><img src="./江寓-从前租不到的美好生活_files/sloganicon2.png"></div>
                        <div class="fl">
                            <p class="slogan_desc">100%服务管家90后</p>
                            <h5 class="slogan_tit">我们更懂年轻人</h5>
                        </div>
                    </div>
                    <div class="clearfix fl">
                        <div class="fl"><img src="./江寓-从前租不到的美好生活_files/sloganicon3.png"></div>
                        <div class="fl">
                            <p class="slogan_desc">1000+服务人员</p>
                            <h5 class="slogan_tit">我们更懂服务</h5>
                        </div>
                    </div>
                    <div class="clearfix fl">
                        <div class="fl"><img src="./江寓-从前租不到的美好生活_files/sloganicon4.png"></div>
                        <div class="fl">
                            <p class="slogan_desc">10万+租客业主的选择</p>
                            <h5 class="slogan_tit">我们更懂生活</h5>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--焦点图 end-->


        <!--房源信息 begin-->
        <div class="myhome">
            <!--江寓租房福利-->
            <div class="fuli">
                <h2>江寓租房福利</h2>
                <a href="javascript:"><img alt="租房福利" title="租房福利" src="./江寓-从前租不到的美好生活_files/20191009161338.png"></a>
            </div>

            <!--江寓精选 begin-->
            <div class="partmod w1200 Part1" name="animate-rect" id="Floor-1">
                <h2>江寓精选</h2>
                <div class="clearfix" style="position: relative;">
                    <p class="sub_tit fl">三镇全覆盖，总有一间又近又方便</p>
                    <div class="morebar clearfix fl">
                        <a data-name="查看更多" class="findmore" href="javascript:$(&quot;#queryForm&quot;).submit();"
                            data-track="JIANGROOM_SIFT_TO_MORE" onclick="getNum(this);">MORE<i></i></a>
                    </div>
                </div>

                <div class="cont clearfix bestRoom">
                    <div class="Jdmod mgr0 Tags04" data-animatename="fadeInDown">
                        <div class="Jdroom">
                            <ul>
                                <li >
                                    <a href="javascript:void(0)"
                                        onclick="javascript:openDetail(8735,false,1130.00);">
                                        <div class="imgbox">
                                            <img :src="hotRoom[0].roomPic"
                                                title="玉龙路磨山港湾南卧室01" alt="武汉租房,武汉年轻人公寓合租|出租,100%实景拍摄【江寓】">

                                        </div>
                                        <div class="txt clearfix">
                                            <h4>
                                                <span v-text="hotRoom[0].roomTitle"  class="ellipsis"></span>
                                            </h4>
                                            <p class="address" v-text="hotRoom[0].roomAddr"></p>
                                            <p class="price"><span  v-text="hotRoom[0].roomPrice"></span>元/月
                                            </p>
                                        </div>
                                        <ul class="details clearfix">
                                            <li class="mark singleGuard"><span v-text="hotRoom[0].roomOrient"></span></li>
                                            <li><b class="area"></b><span class="val" v-text="hotRoom[0].roomArea"></span><span
                                                    class="val">㎡</span>
                                            </li>
                                            <li><b class="floor"></b><span class="val" v-text="hotRoom[0].roomFloor"></span>/<span>45</span>
                                            </li>
                                            <li><b class="traffic"></b><span class="val" v-text="hotRoom[0].roomTraffic"></span>
                                            </li>
                                        </ul>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="Jdmod Tags02" data-animatename="fadeInDown">
                        <div class="Jdroom">
                            <ul>
                                <li>
                                    <a href="javascript:void(0)" title="建安街保利中央公馆北卧室05"
                                        onclick="javascript:openDetail(4870,false,1290.00);">
                                        <div class="imgbox">
                                            <img alt="武汉租房,武汉年轻人公寓合租|出租,100%实景拍摄【江寓】" title="建安街保利中央公馆北卧室05"
                                                :src="hotRoom[1].roomPic">
                    
                                        </div>
                                        <div class="txt clearfix">
                                            <h4>
                                                <!--<span class="ellipsis"
                                                                      th:text="${balcony?.bedroomNameAbbr}"></span>-->
                    
                                                <span class="ellipsis" v-text="hotRoom[1].roomTitle">保利中央公馆-卧室05</span>
                    
                                            </h4>
                                            <p class="address" v-text="hotRoom[1].roomAddr"></p>
                                            <p class="price" v-text="hotRoom[1].roomPrice"><span></span>元/月
                                            </p>
                                        </div>
                                        <ul class="details clearfix">
                                            <li class="mark balcony"><span v-text="hotRoom[1].roomOrient"></span></li>
                                            <li><b class="area"></b><span class="val" v-text="hotRoom[1].roomArea"></span><span class="val">㎡</span>
                                            </li>
                                            <li><b class="floor"></b><span class="val" v-text="hotRoom[1].roomFloor"></span>/<span>34</span>
                                            </li>
                                            <li><b class="traffic"></b><span class="val" v-text="hotRoom[1].roomTraffic"></span>
                                            </li>
                                        </ul>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--No2 end-->
                    <!--No3 begin-->
                    <div class="Jdmod Tags03" data-animatename="fadeInDown">
                        <div class="Jdroom">
                            <ul>
                                <li>
                                    <a href="javascript:void(0)" title="汉阳火车站统建水岸人家南卧室01"
                                        onclick="javascript:openDetail(6303,false,1360.00);">
                                        <div class="imgbox">
                                            <img alt="武汉租房,武汉年轻人公寓合租|出租,100%实景拍摄【江寓】" title="汉阳火车站统建水岸人家南卧室01"
                                             :src="hotRoom[2].roomPic">
                    
                                        </div>
                                        <div class="txt clearfix">
                                            <h4>
                                                <!--<span class="ellipsis"
                                                                      th:text="${south?.bedroomNameAbbr}"></span>-->
                    
                                                <span class="ellipsis" v-text="hotRoom[2].roomTitle"></span>
                    
                                            </h4>
                                            <p class="address" v-text="hotRoom[2].roomAddr"></p>
                                            <p class="price" v-text="hotRoom[2].roomPrice"><span></span>元/月
                                            </p>
                                        </div>
                                        <ul class="details clearfix">
                                            <li class="mark orientation"><span v-text="hotRoom[2].roomOrient"></span></li>
                                            <li><b class="area"></b><span class="val" v-text="hotRoom[2].roomArea"></span><span class="val">㎡</span>
                                            </li>
                                            <li><b class="floor"></b><span class="val" v-text="hotRoom[2].roomFloor"></span>/<span>11</span>
                                            </li>
                                            <li><b class="traffic"></b><span class="val"  v-text="hotRoom[2].roomTraffic"></span>
                                            </li>
                                        </ul>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--No3 end-->

                    <div class="clearfix"></div>
                </div>
            </div>
            <!--江寓精选 end-->

            <!--一人住 begin-->

            <!--一人住 end-->

            <!--品质生活 begin-->
            <div class="partmod w1200 Part2" name="animate-rect" id="Floor-2">
                <h2>品质租房</h2>
                <div class="clearfix" style="position: relative;">
                    <p class="sub_tit fl">美好生活，源自方方面面</p>
                </div>
                <div class="cont clearfix">
                    <ul class="clearfix">
                        <li class="Tags01">
                            <div class="imgbox">
                                <img title="品质租房，智能门锁" alt="品质租房，智能门锁" src="./江寓-从前租不到的美好生活_files/pic1.png">
                                <div class="txt">
                                    <p class="name">智能门锁</p>
                                    <div class="txtinfo">阿里云保护 · 专属密码 · 安全便捷</div>
                                </div>
                            </div>
                        </li>
                        <li class="Tags02">
                            <div class="imgbox">
                                <img title="品质租房，品牌家电" alt="品质租房，品牌家电" src="./江寓-从前租不到的美好生活_files/pic2.png">
                                <div class="txt">
                                    <p class="name">品牌家电</p>
                                    <div class="txtinfo">全新家电 · 简单好用 · 品质保证</div>
                                </div>
                            </div>
                        </li>
                        <li class="Tags03">
                            <div class="imgbox">
                                <img title="品质租房，品质家居" alt="品质租房，品质家居" src="./江寓-从前租不到的美好生活_files/pic3.png">
                                <div class="txt">
                                    <p class="name">品质家居</p>
                                    <div class="txtinfo">宜家风格 · 安心舒适 · 入住无忧</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--品质生活 end-->

            <!--特色主题 begin-->
            <div class="partmod Part3" id="Floor-3">
                <div class="w1200">
                    <h2>特色主题</h2>
                    <div class="clearfix" style="position: relative;">
                        <p class="sub_tit fl">三大“品味”主题，总有一款对你的味</p>
                    </div>
                    <div class="cont clearfix ht480">
                        <!--轮播 begin-->
                        <div class="swiper-container swiper-container-horizontal">
                            <div class="swiper-wrapper"
                                style="transition-duration: 0ms; transform: translate3d(-4800px, 0px, 0px);">
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
                                    data-swiper-slide-index="0"><img title="COCO/可可系列" alt="COCO/可可系列"
                                        data-track="COCO_SERIES" src="./江寓-从前租不到的美好生活_files/slider1.png">
                                </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active"
                                    data-swiper-slide-index="1"><img title="CHEESE/起司系列" alt="CHEESE/起司系列"
                                        data-track="CHEESE_SERIES" src="./江寓-从前租不到的美好生活_files/slider2.png">
                                </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
                                    data-swiper-slide-index="2"><img title="WHEAT/原麦系列" alt="WHEAT/原麦系列"
                                        data-track="WHEAT_SERIES" src="./江寓-从前租不到的美好生活_files/slider3.png">
                                </div>
                                <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0"><img
                                        title="COCO/可可系列" alt="COCO/可可系列" data-track="COCO_SERIES"
                                        src="./江寓-从前租不到的美好生活_files/slider1.png">
                                </div>
                                <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1"><img
                                        title="CHEESE/起司系列" alt="CHEESE/起司系列" data-track="CHEESE_SERIES"
                                        src="./江寓-从前租不到的美好生活_files/slider2.png">
                                </div>
                                <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2"><img
                                        title="WHEAT/原麦系列" alt="WHEAT/原麦系列" data-track="WHEAT_SERIES"
                                        src="./江寓-从前租不到的美好生活_files/slider3.png">
                                </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
                                    data-swiper-slide-index="0"><img title="COCO/可可系列" alt="COCO/可可系列"
                                        data-track="COCO_SERIES" src="./江寓-从前租不到的美好生活_files/slider1.png">
                                </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active"
                                    data-swiper-slide-index="1"><img title="CHEESE/起司系列" alt="CHEESE/起司系列"
                                        data-track="CHEESE_SERIES" src="./江寓-从前租不到的美好生活_files/slider2.png">
                                </div>
                                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
                                    data-swiper-slide-index="2"><img title="WHEAT/原麦系列" alt="WHEAT/原麦系列"
                                        data-track="WHEAT_SERIES" src="./江寓-从前租不到的美好生活_files/slider3.png">
                                </div>
                            </div>
                            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
                            </div>
                            <!--左箭头-->
                            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                            <!--右箭头-->
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                        </div>
                        <!--轮播 end-->

                    </div>
                </div>
            </div>
            <!--特色主题 end-->
            <!--安居服务 begin-->
            <div class="partmod Part4" id="Floor-4">
                <div class="w1200">
                    <h2>安居服务</h2>
                    <div class="clearfix" style="position: relative;">
                        <p class="sub_tit fl">我们负责一切杂物，你负责好好住</p>
                    </div>
                    <ul class="clearfix service">
                        <li data-track="WEB_BUP_112">
                            <a href="http://www.jiangroom.com/help?index=0" title="专业管家，为你护航">
                                <img title="专业管家，为你护航" alt="专业管家，为你护航" src="./江寓-从前租不到的美好生活_files/guanjia.png">
                                <h5>1对1专属管家</h5>
                                <p>高质量服务保证，用100%的真心对待客户</p>
                                <p>为你的生活护航</p>
                            </a>
                        </li>
                        <li data-track="WEB_BUP_113">
                            <a href="http://www.jiangroom.com/help?index=8" title="定期保洁，资质上岗">
                                <img title="定期保洁，资质上岗" alt="定期保洁，资质上岗" src="./江寓-从前租不到的美好生活_files/baojie.jpg">
                                <h5>定期保洁</h5>
                                <p>员工认证上岗，三天质量不满意，无条件返工</p>
                                <p>专业清洁工具，直营品质保障</p>
                            </a>
                        </li>
                        <li data-track="WEB_BUP_114">
                            <a href="http://www.jiangroom.com/help?index=9" title="专业维修，快速响应">
                                <img title="专业维修，快速响应" alt="专业维修，快速响应" src="./江寓-从前租不到的美好生活_files/weixiu.jpg">
                                <h5>7X10小时维修服务</h5>
                                <p>维修公众号，400热线双渠道报修</p>
                                <p>专业维修团队,多项维修一次上门解决</p>
                            </a>
                        </li>
                        <li data-track="WEB_BUP_115" style="margin-right: 0;">
                            <a href="http://www.jiangroom.com/help?index=7" title="专业客服，全天守候">
                                <img title="专业客服，全天守候" alt="专业客服，全天守候" src="./江寓-从前租不到的美好生活_files/kefu.png">
                                <h5>多渠道即时联络</h5>
                                <p>客服热线、江寓app在线客服及江寓家微信公</p>
                                <p>众号等全渠道7X8小时在线为您守候</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="w1200 news">
                    <div class="clearfix" style="position: relative;">
                        <p class="sub_tit fl ">江寓动态</p>
                    </div>
                    <div class="news main-item">
                        <ul class="news-wrap clearfix">
                         
                            <li class="news-item" data-track="WEB_BUP_116" data-trackdata="脂肪有限公司"> <a target="_blank"
                                    href="https://mp.weixin.qq.com/s/32xSZLsDRue3S4b3P3LREg" title="脂肪有限公司"> <img
                                        class="news-item__img" title="脂肪有限公司" alt="脂肪有限公司"
                                        src="./江寓-从前租不到的美好生活_files/cms-1-1560824785930_官网2.png"> </a>
                                <div class="news-item__content">
                                    <h4><a target="_blank" title="脂肪有限公司"
                                            href="https://mp.weixin.qq.com/s/32xSZLsDRue3S4b3P3LREg">「脂肪有限公司」<br>专治光想不动
                                            带你一起快乐减脂</a></h4>
                                </div>
                            </li>
                            <li class="news-item" data-track="WEB_BUP_117" data-trackdata="KTV"> <a target="_blank"
                                    href="https://mp.weixin.qq.com/s/ot252qQmWPtsHs7OP4T92A" title="KTV"> <img
                                        class="news-item__img" title="KTV" alt="KTV"
                                        src="./江寓-从前租不到的美好生活_files/cms-1-1560825132931_官网1.png"> </a>
                                <div class="news-item__content">
                                    <h4><a target="_blank" title="KTV"
                                            href="https://mp.weixin.qq.com/s/ot252qQmWPtsHs7OP4T92A">卡拉永远OK<br>江寓首届KTV大赛</a>
                                    </h4>
                                </div>
                            </li>
                            <li class="news-item" data-track="WEB_BUP_118" data-trackdata="一人食の罐头"> <a target="_blank"
                                    href="https://mp.weixin.qq.com/s/3LhrEijlIXSMNsHOkXE9yA" title="一人食の罐头"> <img
                                        class="news-item__img" title="一人食の罐头" alt="一人食の罐头"
                                        src="./江寓-从前租不到的美好生活_files/cms-1-1558503333549_罐头378_300.png"> </a>
                                <div class="news-item__content">
                                    <h4><a target="_blank" title="一人食の罐头"
                                            href="https://mp.weixin.qq.com/s/3LhrEijlIXSMNsHOkXE9yA">一人食の罐头<br>从214到520，你还好吗</a>
                                    </h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--安居服务  end-->

        </div>
        <!--房源信息 end-->


    </div>
    <!--内容 end-->


    <!--尾部 begin-->
    <div class="m-footer">
        <div class="process">
            <div class="w1200">
                <ul>
                    <li>
                        <i class="ico ico1"></i>
                        <p class="steps">Step<span class="num">01</span></p>
                        <p class="name">在线挑选房间</p>
                        <p class="actionarrow"></p>
                    </li>
                    <li>
                        <i class="ico ico2"></i>
                        <p class="steps">Step<span class="num">02</span></p>
                        <p class="name">预约看房时间</p>
                        <p class="actionarrow"></p>
                    </li>
                    <li>
                        <i class="ico ico3"></i>
                        <p class="steps">Step<span class="num">03</span></p>
                        <p class="name">看房了解入住须知</p>
                        <p class="actionarrow"></p>
                    </li>
                    <li>
                        <i class="ico ico4"></i>
                        <p class="steps">Step<span class="num">04</span></p>
                        <p class="name">签订合同</p>
                        <p class="actionarrow"></p>
                    </li>
                    <li>
                        <i class="ico ico5"></i>
                        <p class="steps">Step<span class="num">05</span></p>
                        <p class="name">支付房租</p>
                        <p class="actionarrow"></p>
                    </li>
                    <li>
                        <i class="ico ico6"></i>
                        <p class="steps">Step<span class="num">06</span></p>
                        <p class="name">拎包入住</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footbar">
            <div class="w1200">
                <div class="flogo"><img src="./江寓-从前租不到的美好生活_files/logoblack.png" style="width: 195px;height: 52px;">
                </div>
                <div class="footmenu">
                    <dl>
                        <dt><a data-track="WEB_BUP_119" href="http://www.jiangroom.com/index.html">江寓</a></dt>
                        <dd><a data-track="WEB_BUP_120" href="http://www.jiangroom.com/about.html">江寓简介</a></dd>
                        <dd><a data-track="WEB_BUP_121" href="http://www.jiangroom.com/about.html#5"
                                onclick="toJoin(5); data-track=&#39;WEB_BUP_121&#39;">加入我们</a></dd>
                        <dd>&nbsp;</dd>
                    </dl>
                </div>
                <div class="contact">
                    <dl>
                        <dt>联系信息</dt>
                        <dd class="fcall">400-111-6888 &nbsp;&nbsp; 服务时间 9:00—18:00</dd>
                        <dd class="femail">business@jiangroom.com</dd>
                        <dd class="faddress">武汉市东湖新技术开发区关南园一路当代光谷梦工厂一号楼二层</dd>
                    </dl>
                </div>
                <div class="footmenu partner">
                    <dl>
                        <dt>友情链接</dt>
                        <dd><a target="_blank" href="https://www.360fdc.com/" data-track="T360_SEARCH"
                                data-trackdata="360中房网">360中房网</a></dd>
                        <dd><a target="_blank" href="http://www.jjw.com/" data-track="JIJIA_WEB"
                                data-trackdata="吉家网">吉家网</a></dd>
                    </dl>
                </div>
                <div class="lastewm">
                    <ul>
                        <li><img width="100" src="./江寓-从前租不到的美好生活_files/wb.png">
                            <p class="wxname">扫码 关注江寓微博</p>
                        </li>
                        <li><img width="100" src="./江寓-从前租不到的美好生活_files/wx.jpg">
                            <p class="wxname">扫码 关注江寓微信</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <style type="text/css">
            .gov-icon div {
                display: inline;
            }
        </style>
        <div class="lastbar">
            <div class="lastbox w1200" style="height: inherit;">
                <div class="copyright">
                    <span>COPYRIGHT © 2017 jiangroom.com ( 武汉江寓生活服务有限公司). 版权所有 <a
                            href="https://beian.miit.gov.cn/">鄂ICP备17008025号-1</a></span>
                    <span class="gov-icon">
                        <script async="" type="text/javascript" src="./江寓-从前租不到的美好生活_files/VieidServlet"></script>
                    </span>
                </div>
                <div style="width:300px;margin:0 auto;line-height: 20px;margin-top: -5px;">
                    <a target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502003608"
                        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                        <img src="./江寓-从前租不到的美好生活_files/beian.png" style="float:left;">
                        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">鄂公网安备
                            42018502003608号</p>
                    </a>
                </div>
            </div>
        </div>

    </div>
   
    <div id="Creatqawords" style="display: none;">
        <div class="QAbox">

            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user1.png"></div>
                    <h4>1、房间和公共区域里都有哪些配置？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>客厅有餐桌和餐椅、wifi路由器与路由器支架、冰箱、洗衣机；
                        </p>
                        <p>
                        </p>
                        <p>厨房有燃气热水器、抽油烟机、燃气灶、橱柜、垃圾桶等；</p>
                        <p>卫生间有、蹲便器、洗手盆、毛巾架、花洒、转角架;</p>
                        <p>房间内部包括：床架、床垫、衣柜、书桌桌椅、窗帘、空调、简易晾衣架、吸顶灯、台灯、床头画。</p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user0.png"></div>
                    <h4>2、如何预约看房？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>第一种：直接在官网现有房源挑选，选好后致电网页上的管家电话，预约方便的看房时间和地点，江寓管家会在约定时间联系您，全程带您看房并解答您的疑问。</p>
                        <p>第二种：在官网挑选好房源后，在线填写预约看房登记，我们的管家会在第一时间与您联系。</p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user1.png"></div>
                    <h4>3、居住时间有要求吗？房租可以一个月付一次吗？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>为维护稳定的室友关系，我们的合同是一年起租。</p>
                        <p>中间可以转租也可以让江寓管家帮您转租，具体您可以咨询江寓客服。</p>
                        <p>我们的房租可以自行选择月付，季付，半年付，年付。月付房租上涨5%，建议按季度付款。</p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user2.png"></div>
                    <h4>4、入住都需要哪些费用？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>
                            首次入住需要缴纳租金、房租押金、服务管理费，服务管理费统一为年租金的10%，包含WIFI、物业费、公共区域定期保洁、维修。</p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user1.png"></div>
                    <h4>5、可以提前退房或者中途换房吗？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>我们建议一年起租，如果遇到不可抗拒的情况想要退租。有两种方式可供选择：<br>
                            一是提前告知获得我们同意后，由您找人转租，无需支付手续费。<br>
                            二是需要江寓协助转租，需要支付月租金的50%做为手续费。</p>
                        <p>如果由于工作变动或别的原因，您还希望在江寓租住，可以进行跨区换房，但需要支付元房屋月租金的50%作为手续费。</p>
                        <p>如果合同没有到期，您需要退房的话，则需要您支付原房屋月租金的100%做为违约金！</p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user2.png"></div>
                    <h4>6、如果发生紧急事情，第一时间联系谁？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>
                            第一时间联系您的管家进行解决；如未联系到管家，您可以直接电话咨询客服热线400-111-6888，或者关注微信公众号：jiangyuroom、关注微博：@江寓JROOM，给我们留言，我们会在最快的时间解决您的问题。
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user1.png"></div>
                    <h4>7、水电费怎么算呢？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>
                            1、租赁期内江寓房源的电费：按照国家电网的阶梯电价，年累计用电量≤2340度，单价为0.558元/度；年累计用电量≤5200度且＞2340度，单价为0.608元/度；年累计用电量＞5200度，单价为0.858元/度。（每间房自行协商结算，请参照租住公约）<br>
                            2、合租水、燃气费自行结算，请参照租房公约。<br>
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>
                    <div class="user"><img src="./江寓-从前租不到的美好生活_files/user1.png"></div>
                    <h4>8、能带上我的宠物入住吗？</h4>
                </dt>
                <dd>
                    <div class="kfser"><img src="./江寓-从前租不到的美好生活_files/kfser.png"></div>
                    <div class="cont">
                        <p>我们和您一样的爱您的宠物，但因为合租室友可能会对毛发过敏，所以我们不接受宠物入住。</p>
                    </div>
                </dd>
            </dl>
        </div>
    </div>
    <!--江寓QA问答 end-->
    <form id="queryForm" action="http://www.jiangroom.com/queryRooms.html" method="post">
        <input type="hidden" name="queryWord">
        <input type="hidden" name="premiseId">
        <input type="hidden" name="areaId">
        <input type="hidden" name="tradingId">
        <input type="hidden" name="line">
        <input type="hidden" name="site">
        <input type="hidden" name="aloneStatus">
    </form>
<!-- 
    <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/base.js.下载"></script>
    <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/jquery-ui.js.下载"></script>
    <script src="./江寓-从前租不到的美好生活_files/swiper-4.3.5.min.js.下载"></script>
    <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/layer.js.下载"></script>
    <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/jquery.cookie.js.下载"></script>




    <!--客服begin-->
    <!-- <script type="text/javascript" src="./江寓-从前租不到的美好生活_files/sha1.js.下载"></script> --> 

    <!--客服end-->
    <link href="./江寓-从前租不到的美好生活_files/question.css" rel="stylesheet" type="text/css">


    <ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front"
        style="display: none;"></ul>
    <div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div>
    <div id="udesk_container">
        <div id="udesk_btn"><a class="udesk-client-btn"
                style="display: block; position: fixed; box-sizing: border-box; font-size: 13px; color: rgb(255, 255, 255); text-align: center; cursor: pointer; text-decoration: none; z-index: 1000000000; width: fit-content; top: 401px; left: 844px;">
                <div><img class="buttonImg" src="./江寓-从前租不到的美好生活_files/微信图片_20190328101955_1553741167_185.png"
                        style="max-width:200px;"> <span id="udesk_btn_circle"
                        style="display:none;position:absolute;top:-13px;right:-13px;width:26px;height:26px;text-align:center;line-height:26px;font-size:14px;color:#fff;border-radius:15px;background-color: #ff3b30;left:-13px;top:-13px;right:auto;bottom:auto;top:-13px;bottom:auto;left:-13px;right:auto;"></span>
                </div>
            </a>
            <div id="udesk_visitor_no"
                style="position: fixed; z-index: 1000000000; color: rgb(255, 255, 255); text-align: center; font-family: &quot;Arial Normal&quot;, Arial; font-size: 13px; background-color: rgb(48, 122, 232); width: 70px; height: 70px; line-height: 22px; border-radius: 2px; right: 0px; top: 401px; margin: 0px;">
                <b style="font-size: 20px;margin-top: 14px;display: block;"><span>9960</span></b>访客ID
            </div>
        </div>
        <div  id="udesk_panel"
            style="position:fixed;bottom:-574px;right:60px;z-index:-1;width:364px;height:572px;overflow:hidden;display:none;background-color:transparent;box-shadow:0px 4px 12px 0px rgba(8,23,26,0.2);border-radius: 3px 3px 0px 0px;-webkit-overflow-scrolling:touch;border:1px solid #ddd\9;transition:bottom 0.3s;-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;-ms-transition:bottom 0.3s;-o-transition:bottom 0.3s;">
            <iframe id="udesk_iframe" frameborder="0" scrolling="no" allowtransparency="true"
                style="width:1px;min-width:100%;*width:100%;height:0;border:none;padding:0;margin:0;float:none;background:none;transition:height 0.1s;-webkit-transition:height 0.1s;-moz-transition:height 0.1s;-ms-transition:height 0.1s;-o-transition:height 0.1s;"
                allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen=""
                src="./江寓-从前租不到的美好生活_files/saved_resource.html"></iframe>
        </div>
    </div>

</body>

<script>
    var vm = new Vue(
        {
            el: '#app',
            data:{
                lunboArr: [],
                hotRoom: [],
                toggleLeft:{
                    top: "0px",
                },
                left: 0
            },
            methods:{
                leftLi(){
                    if(this.left ==0){
                        this.left=-2321,
                         this.toggleLeft = { top: this.left + "px" }
                    }else{
                    this.left=this.left + 580.25
                    this.toggleLeft={ top: this.left+"px"}
                    }
                },
                right(){
                    if (this.left == -2321) {
                        this.left = 0,
                        this.toggleLeft = { top: this.left + "px" }
                    }else{
                         this.left = this.left - 580.25
                            this.toggleLeft = { top: this.left + "px" }
                    }

                }
            },
            created(){
                youjia.http.get("/index/findPicWithRedis/1").then(res=>{
                    this.lunboArr=res
                    console.log(this.lunboArr)
                });

                youjia.http.get("/index/findHotRoomByHid/2").then(res => {
                    this.hotRoom = res
                    console.log(this.hotRoom)
                });
                
            }
        }
    );
</script>

</html>